<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app"></div>
<script type="module">
  import { createApp, render,h,reactive,toRefs} from './vue.esm-browser.js'
    let App={
        data(){
            return {
                a:1
            }
        },
        setup(props,ctx){ //值
            console.warn("setup",props,ctx)
            let state=reactive({age:22})
            return ()=>{
                console.log(state,this);
                return h("h1",{style:{color:"red"}},`hello  ====${state.age}`)
            }
        },
        render(proxy){
            console.warn(proxy,this)
            return h("h1",{style:{color:"red"}},`hello ${proxy.a} ====${proxy.state.age}`)
        }
    }
   let app=  createApp(App)
   app.mount("#app");
   console.log("vueshili",app);
</script>
</body>
</html>
